<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="shortcut icon" href="images/ico/favicon.png">
		<link rel="shortcut icon" type="image/x-icon" href="images/ico/favicon.ico">

		<title>Borno - Education for all</title>
		
		<!-- Bootstrap core CSS -->
		<link href="assets/bootstrap/css/bootstrap.css" rel="stylesheet">

		<!-- Custom styles for this template -->
		<link href="css/style.css" rel="stylesheet">
		
		<!-- color schema -->
		<link href="css/color-4.css" rel="stylesheet" id="layoutstyle">		
		
		<!-- google font for title -->
		<link href="css/google-font.css" rel="stylesheet" id="googlefont">		
		
		<!-- fontawesome -->
		<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">

		<link href="lib/superslides/dist/stylesheets/superslides.css" rel="stylesheet">
	
		<link href="lib/jquery.bxslider/jquery.bxslider.css" rel="stylesheet" />
		
		<link href="lib/3DGridEffect/css/component.css" rel="stylesheet" />
		<script src="lib/3DGridEffect/js/modernizr.custom.js"></script>		
		
		<link href="lib/magnific-popup/dist/magnific-popup.css" rel="stylesheet" > 

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		  <script src="js/html5shiv.js"></script>
		  <script src="js/respond.min.js"></script>
		<![endif]-->
		
		
	</head>

	<body>	
	
    <div class="mask">			
      <div id="intro-loader">
      </div>		
    </div>	
	
	<div id="slides">
		<div class="slides-container">
		  <img src="images/slider/slider3.jpg" alt="slider1">
		  <img src="images/slider/slider2.jpg" alt="slider2">
		  <img src="images/slider/slider1.jpg" alt="slider3">
		</div>
	</div>	
	
	<!-- intro -->
	<div id="top" class="top">
		<div class="intro">
			<div class="container">
				<div class="row">
					<div class="col-md-3 text-center animate_left">
						<div class="logo"><img src="images/logo.png" alt="logo"></div>
						<span class="subtitle">Education for all.</span>
					</div>					
					<div class="col-md-9 slider_title">
						<h2 class="animate_top">Supporting <span id="pageLoad">0</span> child education, and counting...</h2>
						<!--<a class="top_btn" href="#">Donate Now</a>-->
						
						<div class="animate_bottom">
							<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
								<input type="hidden" name="cmd" value="_donations">
								<input type="hidden" name="business" value="eh.rajib@gmail.com">
								<input type="hidden" name="lc" value="US">
								<input type="hidden" name="item_name" value="theweblab">
								<input type="hidden" name="no_note" value="0">
								<input type="hidden" name="currency_code" value="USD">
								<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHostedGuest">
								<input type="submit" class="top_btn" value="Donate Now">						
							</form>
						</div>
						
						
						
					</div>
				</div>
			</div>
		</div>
	</div>
	
    <!-- Fixed navbar -->
	<div id="nav-wrapper">
		<div id="nav" class="navbar">
		  <div class="container">
			<div class="navbar-header">
			  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			  </button>
			  <a class="navbar-brand" href="#"><img src="images/logo_s_w.png" alt="logo"></a>
			</div>
			<div class="navbar-collapse collapse">
			  <ul class="nav navbar-nav navbar-right">
				<li><a href="#top">Home</a></li>
				<li><a href="#education">What we do</a></li>
				<li><a href="#stories">Our Success</a></li>	
				<li><a href="#help">Donate</a></li>	
				<li><a href="#gallery">Gallery</a></li>	
				<li><a href="#contact">Contact us</a></li>	
			  </ul>
			</div><!--/.nav-collapse -->
		  </div>
		</div>  	
	</div>
	
	
		<div class="container">
			<div class="row">
				<div class="col-md-1"></div>
				<div class="col-md-10 welcome_txt text-center animate_bottom">
					<p>Lorem Ipsum has been the industry's standard dummy text ever since the <span>1500s</span>, when an unknown <span>printer</span> took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining unchanged. It was <span>popularised</span> in the 1960s.
					</p>
				</div>
				<div class="col-md-1"></div>
			</div>
		</div>
	
	
	<!-- Helping children to educate -->
    <div class="education" id="education">
		<div class="container text-center">
            <div class="row">
                <div class="col-md-12 heading dark animate_top">Helping children to <span>educate</span></div>
            </div>
        	<div class="row">
        		<div class="col-md-4 b1">
                	<i class="fa fa-heart"></i>
                    <h3 class="animate_top">Helping Children</h3>
                    <p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>  
            	</div>
        		<div class="col-md-4 b2">
                	<i class="fa fa-star"></i>
                    <h3 class="animate_top">Ensuring better life</h3>
                    <p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>               
            	</div>
        		<div class="col-md-4 b3">
                	<i class="fa fa-pencil"></i>
                    <h3 class="animate_top">Education for all</h3>
                    <p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>
            	</div>
            </div>
        	<div class="row">
        		<div class="col-md-4 b21">
                	<i class="fa fa-book"></i>
                    <h3 class="animate_top">Helping Children</h3>
					<p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>  
            	</div>
        		<div class="col-md-4 b22">
                	<i class="fa fa-check-circle-o"></i>
                    <h3 class="animate_top">Ensuring better life</h3>
                    <p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>               
            	</div>
        		<div class="col-md-4 b23">
                	<i class="fa fa-edit"></i>
                    <h3 class="animate_top">Education for all</h3>
                    <p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>
            	</div>
            </div>			
     	</div>
    </div>
	
    <!-- About us -->
	<div class="about_us">
		<div class="container">
			<div class="row text-center">
				<div class="col-md-1"></div>
				<div class="col-md-7 animate_left">
					<h3>Lorem ipsum duis mollis est non commodo luctus nisi erat porttitor.</h3>
				</div>
				<div class="col-md-3 animate_right">
					<button class="top_btn">Button</button>
				</div>
				<div class="col-md-1"></div>
			</div><!-- End call action text -->
		</div>
	</div>
	
	
	<!-- Stories -->
	<div class="stories" id="stories">
		<div class="container text-center">
			<div class="row">
				<div class="col-md-12 heading dark animate_top">Our students and their <span>stories</span></div>
			</div>	
			<div class="row">
				<div class="col-md-12">
					<ul class="bxslider_story">
						<li class="s1">
							<img src="images/students/1.jpg" alt="img">
							<h3 class="animate_top">Shoriful Hasan</h3>
							<p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>
						</li>
					
						<li class="s1">
							<img src="images/students/2.jpg" alt="img">
							<h3 class="animate_top">Sharifa Haq</h3>
							<p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>
						</li>			
					
						<li class="s1">
							<img src="images/students/4.jpg" alt="img">
							<h3 class="animate_top">Salma Khatun</h3>
							<p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>
						</li>
					
						<li class="s1">
							<img src="images/students/3.jpg" alt="img">
							<h3 class="animate_top">Shoriful Hasan</h3>
							<p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>
						</li>
					
						<li class="s1">
							<img src="images/students/5.jpg" alt="img">
							<h3 class="animate_top">Karuk Khan</h3>
							<p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>
						</li>			
					
						<li class="s1">
							<img src="images/students/1.jpg" alt="img">
							<h3 class="animate_top">Shorif Hasan</h3>
							<p class="animate_bottom">Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>
						</li>
					</ul>	
				</div>		
			</div>
		</div>	  
	</div>	
	
	
    <!-- How can you help -->
    <div class="how_can_you_help_bg parallax" id="help">
		<div class="how_can_you_help">
			<div class="container">	
				<div class="row">
					<div class="col-md-12 text-center heading animate_top">How can you<span class="brd"> help?</span></div>
				</div>

			
				<ul class="nav nav-tabs responsive second text-center" id="myTab">
				  <li class="active"><a href="#tab1">Become a volunteer</a></li>
				  <li><a href="#tab2">Donate</a></li>
				  <li><a href="#tab3">Take responsibility of one student</a></li>				  
				</ul>

				<div class="tab-content responsive">
					<div class="tab-pane active in fade" id="tab1">

						<div class="row">
							<div class="col-md-6 animate_top">
								<h3><i class="fa fa-question-circle"></i>Lorem Ipsum has been the industry's standard?</h3>
								
								<p class="animate_bottom">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. </p>
							</div>
							<div class="col-md-6 animate_top">
								<h3><i class="fa fa-question-circle"></i>Lorem Ipsum has been the industry's standard?</h3>
								
								<p class="animate_bottom">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
							</div>					
						</div>
						
						<div class="row">
							<div class="col-md-6 animate_top">
								<h3><i class="fa fa-question-circle"></i>Lorem Ipsum has been the industry's standard?</h3>
								
								<p class="animate_bottom">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
							</div>
							<div class="col-md-6 animate_top">
								<h3><i class="fa fa-question-circle"></i>Lorem Ipsum has been the industry's standard?</h3>
								
								<p class="animate_bottom">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
							</div>					
						</div>
					
					</div>					
				  
					<div class="tab-pane fade" id="tab2">
						<div class="row">
							<div class="col-md-6 animate_left">
								<img src="images/donate.jpg" alt="img" />
							</div>						
							<div class="col-md-6 left_con animate_right">
								<h3>Lorem ipsum dolor sit amet</h3>
								<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  Donec quam felis, ultricis nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis.</p>
					
								<!--<a class="donate_btn" href="#">Donate Now</a>-->
								
								<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
								<input type="hidden" name="cmd" value="_donations">
								<input type="hidden" name="business" value="eh.rajib@gmail.com">
								<input type="hidden" name="lc" value="US">
								<input type="hidden" name="item_name" value="theweblab">
								<input type="hidden" name="no_note" value="0">
								<input type="hidden" name="currency_code" value="USD">
								<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHostedGuest">
								<input type="submit" class="top_btn2" value="Donate Now">								
								</form>								
								
							</div>
						</div>					
					</div>
					
					<div class="tab-pane fade" id="tab3">
						<div class="row">
							<div class="col-md-1"></div>
							<div class="col-md-10 text-center animate_top">
								<p>Lorem ipsum dolor sit ametSed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.</p>
							</div>		
							<div class="col-md-1"></div>							
						</div>


						<div class="row">
							<div class="col-md-4">
								<div class="panel panel-danger animate_left">
									<div class="panel-heading"><h3 class="text-center"><b>Well wisher</b><br>-One student for 1 year-</h3></div>
										<div class="panel-body text-center">
											<p class="lead"><strong>$10 / month</strong></p>
										</div>
										   <ul class="list-group list-group-flush text-center">
												<li class="list-group-item"><i class="icon-ok text-danger"></i> Personal use</li>
												<li class="list-group-item"><i class="icon-ok text-danger"></i> Unlimited projects</li>
												<li class="list-group-item"><i class="icon-ok text-danger"></i> 27/7 support</li>
											</ul>
										<div class="panel-footer">
											<a class="btn btn-lg btn-block btn-danger" href="#">Become a well wisher</a>
										</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="panel panel-info animate_bottom">
									<div class="panel-heading"><h3 class="text-center"><b>Guardian</b><br>-One student for 2 year-</h3></div>
										<div class="panel-body text-center">
											<p class="lead"><strong>$10 / month</strong></p>
										</div>
											<ul class="list-group list-group-flush text-center">
												<li class="list-group-item"><i class="icon-ok text-danger"></i> Personal use</li>
												<li class="list-group-item"><i class="icon-ok text-danger"></i> Unlimited projects</li>
												<li class="list-group-item"><i class="icon-ok text-danger"></i> 27/7 support</li>
											</ul>
										<div class="panel-footer">
											<a class="btn btn-lg btn-block btn-danger" href="#">Become a guardian</a>
										</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="panel panel-success animate_right">
									<div class="panel-heading"><h3 class="text-center"><b>Angel</b><br>-One student for 3 year-</h3></div>
										<div class="panel-body text-center">
											<p class="lead"><strong>$10 / month</strong></p>
										</div>
											<ul class="list-group list-group-flush text-center">
												<li class="list-group-item"><i class="icon-ok text-danger"></i> Personal use</li>
												<li class="list-group-item"><i class="icon-ok text-danger"></i> Unlimited projects</li>
												<li class="list-group-item"><i class="icon-ok text-danger"></i> 27/7 support</li>
											</ul>
									<div class="panel-footer">
										<a class="btn btn-lg btn-block btn-danger" href="#">Become an angel</a>
									</div>
								</div>
							</div>
						</div>						
					</div>										
				</div>	
			</div>
		</div>
    </div>
	
	<div class="team">
		<div class="container">
			
			<div class="row">
				<div class="col-md-12 text-center heading dark animate_top">
					Who are behind <span>Borno</span>
				</div>
			</div>
			
			<div class="row t1">
				<div class="col-md-3 animate_left">
					<img src="images/organizers/org1.jpg" alt="img">
				</div>
				<div class="col-md-9 animate_right">
					<h3>Richard Roe</h3>
					<p>President, Borno, Inc.</p>
					<p>Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte. Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>
					<ul>
						<li><a href=""><i class="fa fa-twitter"></i></a></li>	
						<li><a href=""><i class="fa fa-linkedin"></i></a></li>	
					</ul>					
				</div>
			</div>
			<div class="row t1">
				
				<div class="col-md-9 animate_left">
					<h3>Janny Roe</h3>
					<p>Organizer, Borno, Inc.</p>
					<p>Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte. Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>
					<ul>
						<li><a href=""><i class="fa fa-twitter"></i></a></li>	
						<li><a href=""><i class="fa fa-linkedin"></i></a></li>	
						<li><a href=""><i class="fa fa-facebook"></i></a></li>	
					</ul>					
				</div>
				<div class="col-md-3 animate_right">
					<img src="images/organizers/org2.jpg" alt="img">
				</div>				
			</div>
			<div class="row t1">
				<div class="col-md-3 animate_left">
					<img src="images/organizers/org3.jpg" alt="img">
				</div>
				<div class="col-md-9 animate_right">
					<h3>Jane Doe</h3>
					<p>Organizer, Borno, Inc.</p>
					<p>Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte. Lorem ipsum dolor sit amet, consecte tur adipiscing elit. Nulla ornare port titor diam, a accumsan justo laoreet.Lorem ipsum dolor sit amet, consecte.</p>
					<ul>
						<li><a href=""><i class="fa fa-twitter"></i></a></li>	
						<li><a href=""><i class="fa fa-linkedin"></i></a></li>	
					</ul>					
				</div>
			</div>
		</div>	
	</div>		

	<!-- Subscribe -->
    <div class="subscribe">			
		<div class="container">
			<div class="row">
				<div class="col-md-12 text-center heading newsletter animate_top">
					Join Our <span>Mailing</span> List
				</div>
			</div>
				
			<form id="signup" action="index.html" method="get" class="animate_bottom">
				<div class="row">
					<div class="col-md-2"></div>
					<div class="col-md-8 text-center">											
						<span id="response"></span>
					</div>	
					<div class="col-md-2"></div>
				</div>
				<div class="row">	
					<div class="col-md-2"></div>
					<div class="col-md-5 text-center nopadding">
						<input type="text" name="email" id="email" placeholder="Your email address..." class="form-control" />
					</div>
					<div class="col-md-3 text-center nopadding">	
						<input type="submit" name="submit" value="Subscribe" id="subscribe_button" class="button " />
					</div>
					<div class="col-md-2"></div>
				</div>
				<div class="row">	
					<div class="col-md-2"></div>
					<div class="col-md-8 text-center">	
							<div id="no-spam">We'll never spam or give this address away</div>
					</div>
					<div class="col-md-2"></div>
				</div>
			</form>
		</div>		
    </div>
	
	<!-- Image gallery -->
	<div class="gallery-bg parallax" id="gallery">	
		<div class="gallery">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center heading dark animate_top">Image <span>Gallery</span></div>
				</div>
			</div>	
			<section class="grid3d vertical" id="grid3d">
				<div class="grid-wrap">
					<div class="grid">
						<figure><img src="images/gallery/1.jpg" alt="img01"/></figure>
						<figure><img src="images/gallery/2.jpg" alt="img05"/></figure>
						<figure><img src="images/gallery/3.jpg" alt="img08"/></figure>
						<figure><img src="images/gallery/4.jpg" alt="img02"/></figure>
						<figure><img src="images/gallery/5.jpg" alt="img04"/></figure>
						<figure><img src="images/gallery/6.jpg" alt="img03"/></figure>						
					</div>
				</div><!-- /grid-wrap -->
				<div class="content">
					<div>
						<div class="dummy-img"><img src="images/gallery/1.jpg" alt="img01"/></div>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
					</div>
					<div>
						<div class="dummy-img"><img src="images/gallery/2.jpg" alt="img01"/></div>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
					</div>
					<div>
						<div class="dummy-img"><img src="images/gallery/3.jpg" alt="img01"/></div>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
					</div>
					<div>
						<div class="dummy-img"><img src="images/gallery/4.jpg" alt="img01"/></div>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
					</div>
					<div>
						<div class="dummy-img"><img src="images/gallery/5.jpg" alt="img01"/></div>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
					</div>
					<div>
						<div class="dummy-img"><img src="images/gallery/6.jpg" alt="img01"/></div>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
						<p class="dummy-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk, mad to be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace thing, but burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
					</div>
					
					<span class="loading"></span>
					
					<span class="close-content fa fa-times"></span>
				</div>
			</section>
		</div>	
	</div>	

	<!-- Recent Programs -->
    <div class="recent_news" id="recent_news">
		<div class="container">		
			<div class="row text-center">
				<div class="col-md-12 heading dark animate_top">Recent <span>Programs</span></div>
			</div>						
			<div class="row act">
				<div class="col-md-3">
					<img src="images/activity/act4.jpg" alt="img" class="animate_top">
					<div class="animate_bottom s1">
						<h4>Lorem ipsum dolor sit</h4>
						<p class="date">Issie 18 - 24 October 2013</p>
						<!--p class="meta">
							<i class="fa fa-calendar"></i>August 5, 2013<br>
							<i class="fa fa-clock-o"></i>9:00am - 1:00pm<br>
							<i class="fa fa-map-marker"></i>TheWebLab
						</p-->
						<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aper. </p>		  
						<p class="readmore"><a href="recent_program.html" class="ajax-popup-link">...read more</a></p>
					</div>												
				</div>
				<div class="col-md-3">
					<img src="images/activity/act2.jpg" alt="img" class="animate_top">
					<div class="animate_bottom s1">
						<h4>Sed ut perspiciatis</h4>
						<p class="date">Issie 18 - 24 October 2013</p>
						<!--p class="meta">
							<i class="fa fa-calendar"></i>August 5, 2013<br>
							<i class="fa fa-clock-o"></i>9:00am - 1:00pm<br>
							<i class="fa fa-map-marker"></i>TheWebLab
						</p-->
						<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aper. </p>
						<p class="readmore"><a href="recent_program.html" class="ajax-popup-link">...read more</a></p>
					</div>	
				</div>
				<div class="col-md-3">
					<img src="images/activity/act3.jpg" alt="img" class="animate_top">
					<div class="animate_bottom s1">
						<h4>Lorem ipsum dolor sit</h4>
						<p class="date">Issie 18 - 24 October 2013</p>
						<!--p class="meta">
							<i class="fa fa-calendar"></i>August 5, 2013<br>
							<i class="fa fa-clock-o"></i>9:00am - 1:00pm<br>
							<i class="fa fa-map-marker"></i>TheWebLab
						</p-->
						<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aper. </p>
						<p class="readmore"><a href="recent_program.html" class="ajax-popup-link">...read more</a></p>
					</div>
				</div>	
				<div class="col-md-3">
					<img src="images/activity/act3.jpg" alt="img" class="animate_top">
					<div class="animate_bottom s1">
						<h4>Lorem ipsum dolor sit</h4>
						<p class="date">Issie 18 - 24 October 2013</p>
						<!--p class="meta">
							<i class="fa fa-calendar"></i>August 5, 2013<br>
							<i class="fa fa-clock-o"></i>9:00am - 1:00pm<br>
							<i class="fa fa-map-marker"></i>TheWebLab
						</p-->
						<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aper. </p>
						<p class="readmore"><a href="recent_program.html" class="ajax-popup-link">...read more</a></p>
					</div>
				</div>				
			</div>
		</div>
    </div>

	
	<!-- Contact with us -->
	<div class="contact-bg parallax" id="contact">
		<div class="contact">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center heading animate_top"><span class="brd">Contact </span>with us</div>
				</div>
				
				<div class="row">
					<div class="col-md-1"></div>
					<div class="col-md-5 contact_form animate_left">
					
						
					
						<form name="contactForm" id='contact_form' method="post" action='lib/ajax-html-contact-form/email.php'>
							
							
							    <div id='mail_success' class='success'><img src='images/success.png' alt="img">Your message has been sent successfully.</div>
								<div id='mail_fail' class='error'><img src='images/error.png' alt="img"> Sorry, error occured this time sending your message.</div>
								
								<div id='name_error' class='error'><img src='images/error.png' alt="img">Please enter your name.</div>
								<input type="text"  name='name' id='name' class="form-control" placeholder="Your name">
								
								<div id='email_error' class='error'><img src='images/error.png' alt="img">Please enter your valid E-mail ID.</div>
								<input type="text" name='emailaddress' id='emailaddress' class="form-control" placeholder="Email">
							
								<div id='message_error' class='error'><img src='images/error.png' alt="img">Please enter your message.</div>
								<textarea name='message' id='message' class="form-control" placeholder="Message"></textarea>
															
								<button class="bttn" id='send_message' type="submit" >Send</button>
						</form>  					
					
					</div>
					
					<div class="col-md-5 contact_info animate_right">
						
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam erat ut turpis malesuada .</p>
						
						<h5>Address</h5>
						<p>Some house, some road<br>Some city, Country</p>
						
						<h5>Phone</h5>
						<p>+88089302119<br>
						+88089304143</p>
						
						<h5>Email</h5>
						<p>info@borno.com</p>
					</div>
					<div class="col-md-1"></div>

				
				</div>
			</div>
		</div>
	</div>
	
	<!-- Social-icons -->
    <div class="social-icons">
		<div class="container text-center">
            <div class="row">
                <div class="col-md-12 text-center heading animate_top"><span>Spread </span>the word</div>
            </div>		
		
        	<div class="row">
				<div class="col-md-12">
					<ul class="animate_bottom">
						<li><a href=""><i class="fa fa-twitter"></i></a></li>
						<li><a href=""><i class="fa fa-facebook"></i></a></li>						
						<li><a href=""><i class="fa fa-pinterest"></i></a></li>
						<li><a href=""><i class="fa fa-google-plus"></i></a></li>
					</ul>
				</div>
            </div>
     	</div>
    </div>		
	
	<!-- Footer -->
    <div class="footer">
		<div class="container">
        	<div class="row text-center">
            	<div class="col-md-12"><p>Copyright &copy; 2014, All rights reserved by TheWebLab</p></div>
            </div>
     	</div>
    </div>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script> 
	
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
	
	<!--<script src="js/inviewport.jquery.js"></script>-->
	
	<script src="js/jquery.animateNumbers.js"></script>	
	
	<script src="js/responsive-tabs.js"></script>
	
	<script src="lib/jQuery-One-Page-Nav/jquery.scrollTo.js"></script>
	<script src="lib/jQuery-One-Page-Nav/jquery.nav.js"></script>	
	
	<!-- jquery-parallax -->
	<script src="lib/jquery-parallax/scripts/jquery.parallax-1.1.3.js"></script>	
	
	<!-- mailchimp -->
	<script src="lib/mcapi-simple-subscribe-jquery/js/mailing-list.js"></script>				
	<!-- mailchimp -->	
	
	<script src="lib/ajax-html-contact-form/js/validation.js"></script>
	
	<script src="lib/superslides/dist/jquery.superslides.js"></script>
	
	<script src="lib/jquery.appear/jquery.appear.js"></script>	
	
	<script src="lib/jquery.bxslider/jquery.bxslider.min.js"></script>
	
	<script src="lib/3DGridEffect/js/classie.js"></script>
	<script src="lib/3DGridEffect/js/helper.js"></script>
	<script src="lib/3DGridEffect/js/grid3d.js"></script>
	
	<script src="lib/magnific-popup/dist/jquery.magnific-popup.js"></script>
	
    <script src="js/custom.js"></script>

	
	
	</body>
</html>
